<template>
  <editContentModel :options="options" :id="route.query.id"></editContentModel>
</template>

<script lang="ts" setup>
import { ref, reactive, onMounted } from "vue"
import { useRoute } from 'vue-router'
import editContentModel from "../editModel/editContentModel.vue";
import { dataSourceType } from "@/type";
//data
const route = useRoute()

const options = reactive({
  message: "A组只能往B组拖到一个元素",
  group: {
    name: "itxst",
    put: false, //允许拖入
    pull: 'clone',
  },
  componentList: [
    {
      type: 'custom',
      header: '自定义组件',
      list: [
        { name: '单行输入', icon: 'icon-a-singlelineinput', componentName: 'input', isShowScene: true },
        { name: '多行输入', icon: 'icon-a-multilineinput', componentName: 'textArea', isShowScene: true },
        { name: '单选框', icon: 'icon-a-Singleoption', componentName: 'radio', isShowScene: true },
        { name: '多选框', icon: 'icon-a-Multipleselection', componentName: 'checkbox', isShowScene: true },
        { name: '下拉选框', icon: 'icon-a-dropdownbox', componentName: 'dropdownbox', isShowScene: true },
        { name: '日期时间', icon: 'icon-calendar', componentName: 'dateTime', isShowScene: true },
        { name: '单图上传', icon: 'icon-a-Singleimageupload', componentName: 'singleImgUpload', isShowScene: true },
        { name: '多图上传', icon: 'icon-a-Multiimageupload', componentName: 'multiImgUpload' },
        { name: '视频上传', icon: 'icon-a-Videouploading', componentName: 'videoUpload' },
        { name: '音频上传', icon: 'icon-a-Audiouploading', componentName: 'audioUpload' },

      ],
    },
    {
      type: 'system',
      header: '系统组件',
      list: [
        // { name: '标题', icon: 'icon-preview', componentName: 'title', column: true, uniqe: 1 },
        { name: '副标题', icon: 'icon-preview', componentName: 'shortTitle', column: true, uniqe: 1 },
        { name: '正文', icon: 'icon-a-Richtext', componentName: 'contents', uniqe: 1 },
        { name: '作者', icon: 'icon-comment', componentName: 'author', column: true, uniqe: 1 },
        { name: '摘要', icon: 'icon-comment', componentName: 'summary', column: true, uniqe: 1 },
        { name: '关键词', icon: 'icon-comment', componentName: 'keyWord', column: true, uniqe: 1 },
        { name: 'tag词', icon: 'icon-comment', componentName: 'tagWord', column: true, uniqe: 1 },
        { name: '外部链接', icon: 'icon-comment', componentName: 'outLink', column: true, uniqe: 1 },
        // { name: '文库文档', icon: 'icon-comment', componentName: 'texts', column: true, uniqe: 1 },
        { name: '标题图片', icon: 'icon-comment', componentName: 'headImg', column: true, uniqe: 1 },
        { name: '模板样式', icon: 'icon-comment', componentName: 'tplPc', column: true, uniqe: 1 },
        { name: '附件上传', icon: 'icon-attachment', componentName: 'enclosureUpload', uniqe: 1 },
        { name: '来源', icon: 'icon-comment', componentName: 'contentSourceName', column: true, uniqe: 1 },
        { name: '发布时间', icon: 'icon-comment', componentName: 'publishTime', column: true, uniqe: 1 },
      ],
    },
  ],
});



</script>

<style lang="less" scoped></style>